<template>
  <div>
    <div>
      <span>来自于：</span>
      <select name="" id="" v-model="from">
        <option value="南京市">南京</option>
        <option value="杭州市">杭州</option>
        <option value="上海市">上海</option>
      </select>
    </div>
    <div>
      <!-- 对于复选框，v-model的变量值
      非数组 hobby :''  关联的是复选框的checked的属性，true和false
      数组   hobby:[]    关联的是复选框的value的属性值 -->
      <span>爱好：</span>
      <input type="checkbox" v-model="hobby" value="抽烟"> 抽烟
      <input type="checkbox" v-model="hobby" value="喝酒"> 喝酒
      <input type="checkbox" v-model="hobby" value="烫头"> 烫头
    </div>

    <div>
      <span>性别：</span>
      <input type="radio" value="男"  name = 'sex' v-model="gender">男
      <input type="radio" value="女"  name = 'sex' v-model="gender">女
    </div>
    <div>
      <span>自我介绍</span>
      <textarea name="" id="" cols="30" rows="10" v-model="fkl"></textarea>
    </div>
  </div>
</template>
   
<script>
export default {
  data (){
    return{
      from:'',
      hobby:[],
      gender:'女',
      fkl:''
    }
  } 
    }
</script>

<style>

</style>
